%for k,v in sorted( html_fields.items(), key=lambda x:x[1].get('idx')):
            <% ext = v.get('ext',{}) %>
            <div class="control-group">
            <label class="control-label" for="${k}">
            ${v.get('title')}
            <div>
            <img src="${ext.get('img_src')}" />
            </div>
            name:${v.get('name')}
            </label>
            <div class="controls">
            <span class="label help-block">画像 FILE UPLOAD</span> 
            <input type="file" id="${k}_file" name="${k}_file" size="20"><br>
            <input type="checkbox" id="${k}_file_del" name="${k}_file_del" value="True">
            <span class="help-inline">
            アップロードした画像を削除する場合はチェックしてください。 <br>
            FILE:/${PANEO_SITE_DIR}/img/<b>${k}</b>
            </span>
            <span class="label help-block">画像URL指定 </span>
            <input type="text" id="${k}_src" name="${k}_src" class="input-xlarge span6" value="${ext.get('src')}">
            <input type="checkbox" id="${k}_src_on" name="${k}_src_on" value="True" ${ 'checked' if ext.get('src_on') else ''}>
            <span class="help-inline">
            URL指定を優先する場合はチェックしてください。
            </span>
            <span class="label help-block">画像代替えテキスト</span> 
            <input type="text" id="${k}_alt" name="${k}_alt" class="input-xlarge" style="width:98%;" value="${ext.get('alt')}">
            <span class="label help-block">キャプション</span> 
            <input type="text" id="${k}_caption" name="${k}_caption" class="input-xlarge" style="width:98%;" value="${ext.get('caption')}">
            %if v.get('type') == 'link-image':
            <span class="label help-block">リンクURL</span> 
            <input type="text" id="${k}_href" name="${k}_href" class="input-xlarge" style="width:98%;" value="${ext.get('href')}">
            %endif
            </div>
            </div>
            <hr>
            %endfor